<template>
  <section v-if="name === 'firstName'" class="section-wrap">
    {{ row.first.name }}
  </section>
  <section v-else class="section-wrap">
    {{ row.second.name }}
  </section>
</template>

<script>
export default {
  name: "ContractCompany",
  props: {
    row: {
      type: Object,
      default: () => {}
    },
    name: {
      type: String
    }
  }
};
</script>
<style scoped>
.section-wrap {
  width: 100%;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
</style>
